﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="ChurchFI.Login" %>

<!DOCTYPE html>
<html>

<head runat="server">
    <meta charset="utf-8">
   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
  
    <style type="text/css">
      body {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
      }

      .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }

    </style>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://twitter.github.io/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="http://twitter.github.io/bootstrap/assets/ico/favicon.png">


    <title>::::산소망교회::::</title>
    
    <link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
    <link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

    <%--<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />--%>
    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script>
    <%--<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />--%>


     <!-- Placed at the end of the document so the pages load faster -->
    <%-- <script src="http://twitter.github.io/bootstrap/assets/js/jquery.js"></script>--%>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-transition.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-alert.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-modal.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-dropdown.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-tab.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-tooltip.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-popover.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-button.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-collapse.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-carousel.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-typeahead.js"></script>

    <script src="/Scripts/customDialog.js" type="text/javascript"></script>
    <script type="text/javascript">
    
        $(document).ready(function () {
            //$("#dialog-form").dialog("open");
            ControlInit();
        });

        var alertTest = function () {
            alert("test");
        }

        var UtilGo = function () {
            //document.location("http://naver.com");
            location.href = "./Login.aspx?login=1";
        }

        var ControlInit = function () {
            $("#Button1").button().click(function () {
//                ShowMessage("SSO를 사용할 수 없습니다.", "오류");
//                DialogBox("http://naver.com", "타이틀");
//                MessageBox("./Default.aspx", "타이틀");
//                ViewBox("./Default.aspx", "타이틀");
//                ConfirmBox("컨텐츠", alertTest);
//                AlertCallback("xptmxptm", "타이틀", UtilGo);
//                ShowMessage("컨텐츠");
//                AlertBox("컨텐츠", "확인");
//                ShowBox("컨텐츠", "확인");
            });
            NoticeDialog();
        }

        var NoticeDialog = function () {
            $("#dialog-notice").dialog({
                modal: true,
                draggable: false,
                resizable: false,
                width: 500,
                buttons: {
                    Ok: function () {
                        $(this).dialog("close");
                    }
                }
            });
        }
  </script>
</head>
<body>
    
    <div class="container">
        <form class="form-signin" action="Login.aspx" runat="server">
            <h2 class="form-signin-heading">Please sign in</h2>
            <input type="text" class="input-block-level" placeholder="Email address">
            <input type="password" class="input-block-level" placeholder="Password">
            <label class="checkbox">
            <input type="checkbox" value="remember-me"> Remember me
            </label>
            <button class="btn btn-large btn-primary" type="submit">Sign in</button>
            <input name="login" type="hidden" value="1" />
        </form>
    </div> 
     <!-- /container -->
   


   <%-- <div style="width:100%;text-align:center;vertical-align:middle;">
        <div style="width:200px;margin:auto;padding-top:200px;text-align:left;">
            <fieldset>
            <label for="email">Email</label>
            <br />
            <input type="text" name="email" id="Text2" value="" class="text ui-widget-content ui-corner-all" />
            <br />
            <label for="password">Password</label>
            <br />
            <input type="password" name="password" id="password1" value="" class="text ui-widget-content ui-corner-all" />
            </fieldset>
            <button id="Button1">Log In</button>
        </div>
    </div>--%>
   
   <%-- <!-- Notice Start -->
    <div id="dialog-notice" title="Notice">
      <p>
        <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
        Structure
      </p>
      <p>
        Currently using <b>36% of your storage space</b>.
      </p>
    </div>
    <!-- Notice End -->--%>

</body>
</html>
